var prefix = ctx +"module/eventsRecord/"
$(function() {
    load();
});
var form, table;
function load() {
    layui.use(['form', 'table'], function () {
        form = layui.form;
        table = layui.table;
        form.on('select(townId)', function (data) {
            townIdChange(data.value,form)
        });
        var searchParams = {};
        searchParams['keywords']=$('#keywords').val();
        searchParams['townId']=$('#townId').val();
        searchParams['companyId']=$('#companyId').val();
        //初始化table
        table.render({
            elem: '#exampleTable',//承载数据的table Id
            url: prefix + "/list",//请求数据连接
            toolbar: '#toolbarDemo',
            cellMinWidth: 80,//全局定义所有常规单元格的最小宽度（默认：60）
            even: true,//是否开启隔行变色
            loading:true,//是否显示加载条
            where :{
                searchParams:searchParams
            },
            //page: true,//是否分页
            page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: [ 'prev', 'page', 'next', 'skip', 'count','limit'] //自定义分页布局
            },
            defaultToolbar: false,
            cols: [[
                // {type:'numbers',title: '序号', width:'5%'},
                {field: 'uName', title: '举报人', width: 120, align: 'center',},
                {field: 'typeChildName', title: '类型/区域',width: 120, align: 'center',},
                {field: 'sectionContent', title: '奖惩项', align: 'center',},
                {field: 'content', title: '举报内容', align: 'center',},
                {
                    field: 'state', title: '状态', width: 120, align: 'center', templet: function (item) {
                        /*1 - 安全科已处理  2 - 部门已处理  3 - 安全科已确认*/
                        var state = '未处理';
                        if (item.eventLevel == 1) {
                            state = '安全科已处理'
                        } else if (item.eventLevel == 2) {
                            state = '部门已处理'
                        } else if (item.eventLevel == 2) {
                            state = '安全科已确认'
                        }
                        return '<span >' + state + '</span>';
                    }
                },
                {field: 'createTime', title: '上报时间', width: 150, align: 'center'},
                { title: '操作', width: 150, templet: '#currentTableBar', fixed: "right", align: "center"}
            ]],
            id: 'currentTableId',//表格Id
        });
        /**
         * 操作栏tool  监听事件
         */
        table.on('tool(currentTableFilter)', function (obj) {
            if (obj.event === 'showDetail') {  // 监听添加操作
                showDetail(obj.data.id);
            } else if (obj.event === 'delete') {  // 监听删除操作
                remove(obj.data.id);
            }
        });
        // 监听搜索操作
        form.on('submit(data-search-btn)', function (data) {
            //执行搜索重载
            reLoad();
            return false;
        });

        /**
         * 工具栏  监听事件
         */
        table.on('toolbar(currentTableFilter)', function (obj) {
            if (obj.event === 'add') {  // 监听添加操作
                add();
            } else if (obj.event === 'upload') {  // 批量上传设备
                batchAdd();
            } else if (obj.event === 'upload_user') {  // 批量上传设备
                batchAddUser();
            }
        });
    });
}

function townIdChange(townId) {
    $.ajax({
        type: "POST",
        url: ctx +"module/company/getList",
        data: {
            townId: townId
        },
        success: function (data) {
            if (data.code == 0) {
                var shopList = data.data;
                $("#companyId").html("");
                if (shopList.length > 0) {
                    $("#companyId").append("<option value=\"\" selected=\"selected\">所属企业</option>");
                    for (var index in shopList) {
                        var str = "<option value=\"" + shopList[index].id + "\" >" + shopList[index].shopName + "</option>";
                        $("#companyId").append(str);
                    }
                } else {
                    var str = "<option value=\"\" selected=\"selected\">----无----</option>";
                    $("#companyId").append(str);
                }
                form.render("select");
            }
        }
    });
}

function reLoad() {
    var searchParams = {};
    searchParams['keywords']=$('#keywords').val();
    searchParams['townId']=$('#townId').val();
    searchParams['companyId']=$('#companyId').val();

    layui.use(['table'], function() {
        var table = layui.table;//载入table模块
        var  page = $(".layui-laypage-skip").find("input").val() //当前页码值
        console.log('page',page)
        table.reload('currentTableId', {
            page: {curr: page}
            , where: {
                searchParams: searchParams
            }
        }, 'data');
    });
}

// function previewImg(obj) {
//     var img = new Image();
//     img.src = obj.src;
//     var imgHtml = "<img src='" + obj.src + "' width='300' height='300'/>";
//     //弹出层
//     layer.open({
//         type: 1,
//         // shade: true,
//         shadeClose : true, // 点击遮罩关闭层
//         title: false, //不显示标题
//         area:[ '300px', '300px' ],
//         content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
//         cancel: function () {
//
//         }
//     });
// }
function previewImg(obj) {
    console.log('obj',obj)
    var img = new Image();
    img.src = $(obj).attr("imgurl");
    console.log('img',$(obj).attr("imgurl"));
    var imgHtml = "<img src='" + img.src + "' width='400' height='400' style='margin: 25px 25px'/>";
    //弹出层
    layer.open({
        type: 1,
        // shade: true,
        shadeClose : true, // 点击遮罩关闭层
        title: false, //不显示标题
        area:[ '450px', '450px' ],
        content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
        cancel: function () {

        }
    });
}

function resetQrcode(id){
    $.ajax({
        url : prefix + "/resetQrcode",
        type : "post",
        data : {
            'id' : id
        },
        success : function(r) {
            if (r.code==0) {
                layer.msg(r.msg);
                reLoad();
            }else{
                layer.msg(r.msg);
            }
        }
    });
}

function getTermianlQrCode(shop_id) {
    window.location.href = ctx + 'module/terminal/downloadQRcode?shopId='+shop_id;
}

function goTerminalList(shop_id) {
    window.location.href = ctx + 'module/terminal/shop/'+shop_id;
}

function goAdminList(id) {
    window.location.href = ctx + 'sys/user/checkuser/' +id;
}

function add() {
    var index = layer.open({
        type : 2,
        title : '增加',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '800px', '420px' ],
        content : prefix + '/add' // iframe的url
    });
    layer.full(index);
}

function goCheck(id) {
    var index = layer.open({
        type : 2,
        title : '审核',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '800px', '420px' ],
        content : prefix + '/goCheck/'+id // iframe的url
    });
}


function batchAdd() {
    var index = layer.open({
        type : 2,
        title : '批量增加',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '800px', '320px' ],
        content : prefix + 'goBatchAdd' // iframe的url
    });
}

function batchAddUser() {
    var index = layer.open({
        type : 2,
        title : '批量增加',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '800px', '320px' ],
        content : ctx + 'module/shop/goBatchAdd' // iframe的url
    });
}



function goBand(id) {
    var index = layer.open({
        type : 2,
        title : '绑定管理员',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '700px', '450px' ],
        content : prefix + '/goBandAdmin/'+id // iframe的url
    });
}

function goWxAdmin(id) {
    var index = layer.open({
        type : 2,
        title : '管理员列表',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '700px', '450px' ],
        content : prefix + '/wxadmin/'+id // iframe的url
    });
}

function showDetail(id) {
    var index = layer.open({
        type : 2,
        title : '详情',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '70%', '95%' ],
        content : prefix + '/showDetail/' + id // iframe的url
    });

}
function remove(id) {
    layer.confirm('确定要删除选中的记录？', {
        btn : [ '确定', '取消' ]
    }, function() {
        $.ajax({
            url : prefix+"/remove",
            type : "post",
            data : {
                'id' : id
            },
            success : function(r) {
                if (r.code==0) {
                    layer.msg(r.msg);
                    reLoad();
                }else{
                    layer.msg(r.msg);
                }
            }
        });
    })
}
